@charset "UTF-8";

@media all {
  html,
  body { margin: 0; padding: 0; text-align: left; height: 100%; }
  html { font-family: 'Sanchez', serif; font-size: 14px; }
  body { margin: 0 !important; }
  * { outline: none; }
  #wrap { height: 100%; }
  .clear { clear: both; }
  .abstand10 { height: 10px; width: 100%; display: block; }
  .abstand20 { height: 20px; width: 100%; display: block; }
  .abstand30 { height: 30px; width: 100%; display: block; }

	/*TEXTE */
  h1 { color: #ebc59f; margin: 0; padding: 0px; font-size: 42px; font-family: 'Roboto Condensed', sans-serif; }
  p { color: #ebc59f; font-size: 14px; color: #fff; line-height: 24px; text-justify: auto; margin: 0px; }

  .h1borderunten { background: url("template/images/hg_line.jpg") no-repeat scroll center bottom transparent; margin-bottom: 50px; padding-bottom: 50px; text-transform: uppercase; }
  .textblock { float: left; padding-right: 45px; }
  .text li { list-style-image: url("template/images/arrow_list.png"); list-style-position: outside; color: inherit; color: #c6c5bf; line-height: 24px; font-size: 14px; }
  .text ul { margin: 0px; }
  .hide { display: none; }

  /*LINKS*/
  a,
  img { border: medium none; }
  a { text-decoration: none; }
  a:hover { text-decoration: underline; }

  /*SONSTIGES*/
  section { float: left; margin: 0px; padding: 0 0 200px 0; width: 100%; *zoom: 1; }
	hr { width: 100%; height: 1px; color: #ffd9b3; }
  .thumb img { display: block; }
  .thumb:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  .thumb:after { position: absolute; background-image: url("template/images/lupe.png"); background-repeat: no-repeat; width: 38px; height: 38px; bottom: 0px; right: 0px; background-position: 0px 0px; content: ''; }
  .thumb:hover:after { background-position: -40px 0px; }
  .center { margin: 100px auto 50px; max-width: 980px; position: relative; width: 100%; }
  .nomargin { margin-right: 0px !important; }
  .galeriebild a { float: left; margin: 0px; padding: 0px; height: 100%; width: 100%; position: relative; }

	/*ÜBER UNS GEWERBE*/
  #ueber_uns_gewerbe { background: url("template/images/holz.jpg") repeat scroll transparent; display: block; position: relative; }
	#ueber_uns_gewerbe .center { min-height: 470px; }
  .text1 { float: left; margin: 0 3% 0 0; text-align: justify; width: 47%; }
  .text2 { float: right; margin: 0 0 0 3%; text-align: justify; width: 47%; }
  #ueber_uns_gewerbe h1,#ueber_uns_gewerbe p {text-shadow:1px 1px #000;}
  #ueber_uns_gewerbe .iconkasten { float: left; margin: 50px 0 0 0; text-align: center; width: 100%; }
  #ueber_uns_gewerbe .iconkasten .iconkasten { height: ; margin-top: 20px; }
  #ueber_uns_gewerbe .kasten { background-image: url("template/images/kasten_bg_hell.png"); background-repeat: no-repeat; border-radius: 4px 4px 4px 4px; float: left; height: 140px; margin-bottom: 40px; margin-right: 40px; position: relative; width: 300px; }
  #ueber_uns_gewerbe .kasten a { float: left; height: 100px; position: relative; width: 100%; }
  #ueber_uns_gewerbe .kasten span { bottom: 0; color: #5B4027; position: absolute; left: 0; text-transform: uppercase; width: 100%; }

	/*FURNIERE*/
  #furniere { background: url("template/images/tueren/hg_tueren.jpg") repeat scroll 0 0 transparent; display: block; padding: 0 0 100px 0; position: relative; }
  #furniere article { float: left; padding: 50px 0 0; }
  #furniere h1 { margin-bottom: 40px; }
  #furniere h1,#furniere p {text-shadow:1px 1px #000;}

	/*TÜRROHLING*/
  #tuerrohlinge { background: url("template/images/tueren/hg_tueren.jpg") repeat scroll 0 0 transparent; display: block; position: relative; }
  #tuerrohlinge h1,#tuerrohlinge p {text-shadow:1px 1px #000;}

	/*MASSIVHÖLZER*/
  #massivhoelzer { background: url("template/images/massivhoelzer.jpg"); display: block; position: relative; }
  #massivhoelzer article { background: url("template/images/white_trans_bg.png") repeat scroll 0 0 transparent; margin: 100px 0 0; padding: 50px; width: 500px; }
  #massivhoelzer h1 { color: #FFEADE; letter-spacing: 8px; margin-bottom: 45px; text-transform: uppercase; text-shadow:1px 1px #000; }
	#massivhoelzer p			{color:#ffeade; text-shadow:1px 1px #000;}

	/*START*/
  #start { display: block; height: 0; padding: 0; position: relative; }
  .text { float: left; padding-right: 50px; width: 440px; }
  .kontaktbuttonouter { height: 38px; position: fixed; right: 0; top: 80px; width: 340px; z-index: 10; }
  .kontaktbuttonouter .kontakt { background-image: url("template/images/form.png"); color: #8A7157; cursor: pointer; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; padding-left: 40px; position: absolute; right: 0; text-transform: uppercase; top: 0; width: 300px; }
  .kontaktbuttonouter .kontakt a { border-left: 2px solid #8A7157; color: #8A7157; margin: 0 0 0 15px; padding: 0 0 0 15px; }
  .kontaktbuttonouter .kontakt a:hover { text-decoration: underline; }
  .kontaktbuttonouter .kontakt a.showkontakt { margin-left: 0; padding-left: 0; border: medium none; }
  #logo { height: 80px; left: 50%; margin-left: -160px; position: absolute; top: 0; width: 414px; }
  #impressum, #anfahrt { display: none; width: 980px; overflow-x: hidden; }
  #anfahrt { width: 585px; }
  #impressum hr { margin: 50px 0; }
  #impressum a, #anfahrt a { color: #000; text-decoration: underline; }
  .fancybox-overlay .modalContentInner { background: none repeat scroll 0 0 transparent; height: auto; margin: 0; padding: 0; position: static; width: auto; }
  .formgen { overflow: auto; }
	#starttueren,
  #startfuniere { height: 0; width: 100%; }

  /*ÜBER UNS PRIVAT*/
  #ueber_uns_privat { background-image: url("template/images/pattern_hg.jpg"); background-repeat: repeat; display: block; padding-top: 100px; position: relative; }
  #ueber_uns_privat article {  }
  #ueber_uns_privat .text1,
  #ueber_uns_privat .text2 { float: left; margin: 0; min-height: 300px; padding-right: 50px; width: 290px; }
  #ueber_uns_privat p { margin-bottom: 10px; }
  #ueber_uns_privat .h1borderunten { background: url("template/images/hr_line.jpg") no-repeat scroll center bottom transparent; }
  #ueber_uns_privat h1,
  #ueber_uns_privat p { color: #5B4027; text-shadow:1px 1px #fff; }
  #ueber_uns_privat .spaenehg { width: 1012px; height: 725px; background-image: url("template/images/leistungen/hg_spaene.png"); background-repeat: no-repeat; position: absolute; bottom: 0px; left: 0px; }

  /*AUSSTELLUNG*/
  #ausstellung { background: url("template/images/ausstellung-bg.jpg") repeat scroll 0 0 transparent; padding-top: 100px; position: relative;}
  #ausstellung h1,
  #ausstellung p { color: #5B4027; text-shadow:1px 1px #fff; }
  #ausstellung .kasten { background-image: url("template/images/leistungen/hg_kasten.png"); background-repeat: no-repeat; border-radius: 4px 4px 4px 4px; float: left; height: 140px; margin-bottom: 40px; margin-right: 40px; position: relative; width: 300px; }
  #ausstellung .scrollbar { background-color: #FFF; }
  #ausstellung .scrollbar .handle { background-color: #000; background-image: none; }

  /*BILDERGALLERIE*/
  #bildergallerie { padding: 0; }
	#galerie_furniere { overflow: hidden; }
	.furnierblockbreit { float: left; height: 450px; margin: 0; padding: 0; width: 960px; }
	.furnierblockhoch { float: left; height: 900px; margin: 0; padding: 0; width: 480px; }
	.furnierblockquadrat { float: left; height: 450px; margin: 0; padding: 0; width: 480px; }
	.holzhg { background-image: url("template/images/furniere/holz_hg.jpg"); background-repeat: no-repeat; }
  #galerie_gross { bottom: 0; margin: 50px 0; padding: 0; position: relative; }
	#slideshow_fullwidth { height: 540px; width: 980px; position: absolute; white-space: nowrap; display: block; }
	#slideshow_fullwidth li { float: left; }
	#slideshow_fullwidth img { border-right: #000 1px solid; }
	#slideshow_fullwidth a { min-height: 450px; min-width: 450px; }

  .holzbalken { width:652px; height:652px; background: url("template/images/unternehmen/hg_holz_balken.png"); left:0px; bottom:0px; position:absolute; }
  .textleft { color: #E3DDDA; float: left; min-height: 300px; padding-right: 50px; text-align: justify; width: 290px; }
	.textleft p		{color:#e3ddda;}
  .bilderright { float: left; width: 260px; }
	.galeriebild	{position:relative; float:left; margin-right:10px; margin-bottom:10px; padding:0}

	/*NAVIGATION*/
  .navbar { background-image: url("template/images/start/navi_hg.png"); background-position: center center; background-repeat: no-repeat; height: 80px; left: 0; position: absolute; width: 100%; z-index: 111; }
  ul { float: left; height: 80px; margin: 0; padding: 0 0 0 50px; }
  ul a { color: #FFFFFF; float: left; font-family: 'Roboto Condensed', sans-serif; float: left; font-size: 14px; font-weight: bold; letter-spacing: 2px; padding: 32px 0; text-shadow: 0 0 1px #FFFFFF; text-transform: uppercase; width: 100%; }
  ul li { list-style: none; }
  ul ul { background: none repeat scroll 0 0 #000000; bottom: 80px; display: none; height: auto; left: 0; margin: 0; padding: 50px; position: absolute; }
  ul ul a { padding: 5px 0; }
  ul li:hover ul { display: block; }
  .leftnav a { #ebc59f }
  .leftnav .active {color: #0C0; }
  .leftnav ul ul { background: url("template/images/start/navi_hg.png") repeat scroll left 0 transparent; }
  .top .leftnav ul ul { bottom: auto; left: 0; right: auto; top: 80px; }
  .leftnav,
  .rightnav { float: left; height: 80px; width: 200px; }
  .rightnav { float: right; }
  .rightnav a { color: #5B4027; }
  .rightnav ul { float: right; padding: 0 50px 0 0; }
  .rightnav .active { color: #0C0; }
  .rightnav ul a { text-align: right; }
  .rightnav ul ul { background: url("template/images/start/navi_hg.png") repeat scroll right 0 transparent; bottom: auto; left: auto; padding: 50px; right: 0; top: 80px; }
  .bottom .rightnav ul ul { bottom: 80px; left: auto; right: 0; top: auto; }

  /*MODALCONTENT*/
  .modal_window { background: none repeat scroll 0 0 #000000; height: 100%; left: 0; opacity: 0.88; position: fixed; top: 0; width: 100%; z-index: 110; }
  .modalContentInner { background: url("template/images/logo.png") no-repeat scroll center 20px #FFFFFF; height: 420px; left: 50%; margin: -292px 0 0 -300px; padding: 115px 50px 50px 50px; position: absolute; top: 50%; width: 600px; }
  .modalContentInner h1,
  .modalContentInner p { color: #000; margin: 0 0 20px 0; }
  .modalContentInner h1 { text-align: center; }
  .modalContentInner .text { padding: 0; width: 100%; }
  .modalContentInner a.scrollanchor { border: 1px solid #614839; color: #614839; display: block; font-family: 'Roboto Condensed',sans-serif; font-size: 35px; margin: 20px 0; padding: 30px; text-align: center; }
  a.close { box-shadow: 0 0 3px #000000; cursor: pointer; float: right; height: 25px; line-height: 25px; text-align: center; width: 25px; }

	/*kontaktform*/
  #kontaktcontainer { display: none; float: none; height: 100%; overflow: hidden; padding: 0; position: fixed; right: 0; top: 0; width: 654px; z-index: 112; }
  #kontakt { background: url("template/images/kontakt/hg_kontakt.png") no-repeat scroll 0 0 transparent; display: block; float: none; height: auto; min-height: 100%; position: absolute; right: -654px; width: 654px; z-index: 201; }
  .kontaktformgen { float: left; margin: 20px 0 0 0; width: 60%; }

  #kontakt .inner			{padding:50px 40px 0px 150px;}
  #kontakt a { color: #0c0; float: left; }
  #kontakt h1 { color: #5B4027; font-size: 24px; }
  #kontakt p { color: #5B4027; font-size: 14px; }
  #kontakt .close { cursor: pointer; height: 20px; position: absolute; right: 50px; top: 55px; width: 22px; }
  .fancybox-wrap .tinymcewysiwyg { padding: 30px; }
  .tinymcewysiwyg { padding: 30px 0; }

  .forminfo { border: 1px solid #FF0000; color: #FF0000; margin-bottom: 10px; padding: 5px; width: 264px; }
  .formgen input,
  .formgen select,
  .formgen textarea { background-color: transparent; background-image: url("template/images/kontakt/hg_input.png"); background-repeat: repeat; border: medium none; border-radius: 4px 4px 4px 4px; color: #3C3128; font-family: "Times New Roman", Times,serif; font-size: 18px; font-style: italic; margin-bottom: 10px; padding: 5px; width: 258px; }
  .formgen textarea { height: 100px; }
	.formgen input[type="submit"] { background-color: #1D1916; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; font-family: 'Roboto Condensed',sans-serif; font-size: 14px; font-style: normal; letter-spacing: 4px; text-transform: uppercase; width: 278px; }
	.formgen label { display: none; }
	.formgen input[type="submit"]:hover{background:#97A01B;}

  .pers_daten { float: right; margin: 50px 0 0 5%; width: 35%; }
  .pers_daten p { font-family: 'Roboto Condensed', sans-serif; }

  /* Example wrapper */
  .wrap { position: relative; margin: 3em 0; }

  .furnierscroller	{height:900px !important; overflow:hidden}
  .furnierscroller ul li { 	margin: 0 0 0 0 !important; width:960px ;}
  .frame { height: 450px; overflow: hidden; }
  .frame ul { list-style: none; margin: 0; padding: 0; height: 100%; font-size: 50px; }
  .frame ul li { float: left; height: 100%; margin: 0 1px 0 0; padding: 0; background: #333; color: #ddd; text-align: center; cursor: pointer; cursor:-moz-grabbing; }
  .frame ul li.active { color: #fff; background: #a03232; }
  .scrollbarfurniere { margin: 0; margin-top:5px; height: 4px; background: #3f3f3f; line-height: 0; }
  .scrollbarfurniere .handle { top:-2px; width: 100px; height: 6px; background: #fff; cursor: pointer; }
  .scrollbarfurniere .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
  .scrollbar { margin: 0; margin-top:5px; height: 4px; background: #3f3f3f; line-height: 0; }
  .scrollbar .handle { top:-2px; width: 100px; height: 6px; cursor: pointer; background-image:url("template/images/slider.png"); background-position:50%; background-repeat:no-repeat; background-color:#fff; border-radius:3px; }
  .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; background-image:url("template/images/slider.png") 50% 50%; background-repeat:no-repeat; width: 100%; height: 20px; }
  .pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; }
  .pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); }
  .pages li:hover { background: #aaa; }
  .pages li.active { background: #666; }
  .controls { position:relative; top:-235px; text-align: center; width:100%}
  .prev { background: url("template/images/pfeil_links.png") no-repeat scroll 0 0 transparent; float:left; margin-left:100px; height:40px; width:77px; cursor:pointer}
  .next { background: url("template/images/pfeil_rechts.png") no-repeat scroll 0 0 transparent; float:right; margin-right:100px; height:40px; width:77px; cursor:pointer}
  .prev:hover { background-image: url("template/images/pfeil_links_hover.png"); }
  .next:hover { background-image: url("template/images/pfeil_rechts_hover.png"); }
  .disabled	{ display: none; }
  .oneperframe { height: 300px; line-height: 300px; }
  .oneperframe ul li { width: 1140px; }
  .oneperframe ul li.active { background: #333; }
  .crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
  .crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
  .crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }
  .effects { height: 200px; line-height: 200px; -webkit-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; overflow-y: show; }
  .effects ul { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
  .effects ul li { position: relative; margin: 0 -20px; -webkit-transform: rotateY(60deg) scale(0.9); -ms-transform: rotateY(60deg) scale(0.9); transform: rotateY(60deg) scale(0.9); -webkit-transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; }
  .effects ul li.active { z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .effects ul li.active ~ li { -webkit-transform: rotateY(-60deg) scale(0.9); -ms-transform: rotateY(-60deg) scale(0.9); transform: rotateY(-60deg) scale(0.9); }
  .fix { position: fixed; }
  .fix.bottom { top: auto; bottom: 0; }
  .fix.top { top: 0px; }
  .modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, .8) url('https://web.archive.org/web/20240704120829im_/http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat; }

  .lt-ie8 body { float: left; }
  .lt-ie8 .section { position: relative; }
  .lt-ie8 ul ul a { float: none; }
  .lt-ie8 #kontakt p { font-size: 12px; }
  .lt-ie9 #ausstellung #galerie_gross { margin-top: 100px; }
}

@media ( min-height: 730px ) {
  .formgen input, .formgen select, .formgen textarea { padding:10px; }
  .formgen input[type="submit"]	{ width: 278px; }
}